<section>
    <div class="ev-md-container ev-challenge-view">
        <div class="row margin-bottom-cancel">
            <div class="col s12 m11 l11">
                <h5 class="w-300">Terms and Conditions</h5>
            </div>
        </div>
        <div class="row">
            <div class="col s12">
                <div mathjax-bind="challenge.page.terms_and_conditions" class="fs-16 w-300 terms-and-conditions"></div>
            </div>
            <form name="acceptTermsAndConditionsForm">
                <input type="checkbox" class="filled-in fs-14" ng-model="challenge.termsAndConditions"
                    id="terms_and_conditions">
                <label for="terms_and_conditions" class="fs-14 w-300">I accept the terms and conditions</label>
                <ul class="inline-list pointer">
                    <li><a class="dark-link" type="button"
                            ng-click="challenge.acceptTermsAndConditions(false)"><strong>Cancel</strong>
                        </a>
                    </li>
                    <li><button ng-disabled="!challenge.termsAndConditions"
                            class="btn ev-btn-dark waves-effect waves-dark grad-btn grad-btn-dark fs-16" type="submit"
                            ng-click="challenge.acceptTermsAndConditions(true)" value="Submit">Participate
                        </button>
                    </li>
                </ul>
            </form>

        </div>
    </div>
</section>
